<template>
    <div class="charts" ref="charts">

    </div>    
</template>
<script>
    import echarts from 'echarts'
    export default {
        name:'Charts',
        mounted(){
            //初始化echarts实例
           let lineCharts = echarts.init(this.$refs.charts);
            //配置数据
            lineCharts.setOption({
                xAxis:{
                    //隐藏x轴
                    show:false,
                    type:'category'
                },
                yAxis:{
                    //隐藏y轴
                    show:false
                },
                //系列
                series:[
                    {
                        type:'bar',
                        data:[10,44,66,184,90,109,108,120,22,232,44],
                        color:'cyan'
                    },
                ],
                //布局调试 
                grid:{
                    left:0,
                    top:0,
                    right:0,
                    bottom:0,
                },
                tooltip:{}
            })
        }
    }
</script>
<style scoped>
    .charts{
        width: 100%;
        height:100%;
    }
</style>